<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="功能" width="180" />
    <el-table-column prop="name" label="操作" width="200" />
    <el-table-column prop="roels" label="角色" width="180" />
    <el-table-column  label="操作" >
      <template v-slot="scope">
       <el-link type="primary">删除</el-link>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup lang="ts">
const tableData = [
  {
    date: '后裔转种',
    name: '浏览、增加、删除、编辑',
    roels:'饲养育种',
  },
  {
    date: '羔羊断奶',
    name: '浏览、增加、删除、编辑',
    roels:'饲养育种',
  },
  {
    date: '种母断奶',
    name: '浏览、增加、删除、编辑',
    roels:'饲养育种',
  },
  {
    date: '饲养育种',
    name: '浏览、增加、删除、编辑',
    roels:'饲养育种',
  },
]
</script>

<style scoped>

</style>